<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
    <style type="text/css">
        .box {
            width: 860px;
            height: 50px;
            font-size: 0;
            background-color: ivory;
            margin: 100px auto;
        }
        .box a{
            width: 133.3px;
            height: 50px;
            display: inline-block;
            font-size: 16px;
            background-color: bisque;
            border-radius: 35px;
            margin: 0px 5px;
            text-align: center; /* 让文字水平居中 */
            line-height: 50px; /* 让文字垂直居中 */
            text-decoration: none; /* 消除下划线 */
            color: darkcyan;
            font-family: monospace;
            float: left;
        }
        .box a:hover{
            background-color: greenyellow;
        }
    </style>
</head>
<body>
    <div class="box">
        <a href="001table.html">首页</a>
        <a href="007内联元素.html">简介</a>
        <a>解决方案</a>
        <a>新闻</a>
        <a>行业动态</a>
        <a>招纳贤才</a>
    </div>
</body>
</html>